*{
	text-decoration:none;
	list-style: none;
	padding:0;
	margin:0;
}

.page{
	height: 800px;
    background: #f5f5f5;
    margin:0 auto;
}
.header{
	width: 100%;
	height: 30px;
	margin:0 auto;
}
.banner{
	width: 100%;
	height: 80px;
	margin:0 auto;
	background: #e45050;
	overflow: hidden;
}
.banner .banner-inner{
	width: 1210px;
	margin:0 auto;
}
.banner-inner .logo{
	width: 272px;
	height: 100%;
	position: relative;
	float:left;
}
.banner-inner .logo img{
	margin-top:30px;
   height: 100%;
   width: 100px;
}
.banner-inner .logo .a-1{
   display: inline-block;
   position: absolute;
   right: 65px;
   top:22px;
   color:white;
   font-size: 20px;
   font-family: "Microsoft YaHei";
}
.banner-inner .logo .a-2{
   display: inline-block;
   position: absolute;
   width:110px;
   top:52px;
   text-align:center;
   border:solid 1px #ffb2b2;
   border-radius:10px;
   color:white;
   font-size: 13px;
   font-family: "Microsoft YaHei";
   color: #ffb2b2;
}
.banner-inner .logo .a-2:hover{
	color:red;
	background:white;
}
.banner-inner ul{
	margin-top:30px;
    float:left;
    width: 300px;
    height: 60px;
}
.banner-inner ul li{
	float:left;
	margin-left:50px;
	font-size: 16px;
	color:white;
	font-family: "Microsoft YaHei";
}
.banner-inner form{
	float:left;
	margin-top:30px;
	margin-left:200px;
	position: relative;
}
.banner-inner form input{
    outline: none;
	border:none;
	padding: 7px;
}
.banner-inner form .sub{
	background: #F7F7F7;
	outline: none;
	border:none;
	position: absolute;
	right: 0;
	top:0;
	cursor: pointer;
}
.banner-inner .cart{
	float:right;
	width: 141px;
	height: 30px;
	background:#FFFFFF;
	margin-top:28px;
 	text-align:center;
	line-height: 30px;
}	
.banner-inner .cart a{
	color:red;
	font-size: 15px;
}
.banner-inner .cart a:before{
	content:url("../images/1.png");
}
.content{
	width: 1210px;
	margin:0 auto;
}
.content-left{
	width: 10%;
	float:left;
}
.content-right{
	width: 89%;
	float:left;
	overflow: hidden;
}
.content-left ul{
    color:black;
    margin-top:50px;
    margin-left:30px;
}
.content-left ul li {
	font-size: 13px;
	color:#333;
    margin-top:10px;
}
.content-left ul li a{
	font-size: 11px;
	color:#777;
}
.content-left ul li:nth-child(2) a{
	color:red;
}
.content-left ul li a:hover{
	color:red;
	text-decoration:underline;
	cursor: auto;
}
.content-right .min{
	padding: 30px;
	margin:20px;
	background: white;
	position: relative;
}
.content-right .min ul li{
	float:left;
	margin-left:20px;
}
.content-right .min ul li a{
	color:#999;
	font-size:13px;
}
.content-right .min ul li:first-child a{
	color:red;
}
.content-right .min form{
	margin-top:50px;
	margin-left:80px;
	font-size: 14px;
}
.content-right .min form div{
   margin-top:25px;
}
.content-right .min form .nichen{
   margin-left:15px;
}
.content-right .min form .sex{
   margin-left:5px;
}
.content-right .min form .sex span{
   margin-left:10px;
   margin-right:10px;
}
.content-right .min form .birth{
   margin-left:15px;
}
.content-right .min form .hobby{
   margin-left:-15px;
}
.content-right .content-right-top{
	width: 300px;
	height: 130px;
	border:solid 1px #ccc;
	position: absolute;
	top:80px;
	right: 200px;

}
.content-right .content-right-top .img{
	border-radius: 100px;
	height: 100px;
	width: 100px;
	overflow: hidden;
	margin-top:15px;
	margin-left:20px;	
	float:left;
}
.content-right .content-right-top .img img{
	width: 100%;
	height: 100%;
}
.content-right .content-right-top div:nth-child(2){
	margin-left:20px;
	margin-top:30px; 
	float:left;
	font-size:13px;
}
.content-right .content-right-top div:nth-child(2) p{
    margin-bottom: 10px;
}
.content-right [type="text"]{
	outline: 0;
	padding: 5px;
}
.content-right .realname,.email{
	margin-left:-15px;
}
.content-right [type="submit"]{
	margin-top:30px;
	padding: 5px;
    margin-left:100px;
}
.content-right .hobby p{
	margin-left:5px;
}
.content-right .hobby div{
	width: 300px;
}
.content-right .hobby div input{
	display: line-block;
    padding: 40px;
    width: 50px;
    height: 10px;
}
.content-right .email a{
    color:black;
}

